body{
  background: #eeeeee;
  height: 100vh;
  overflow-x: hidden;
}
.box{
  padding-top: 4rem;
}
audio{
  width: 0px;
  height: 0px;
  visibility: hidden;
}
.continer{
  box-sizing: border-box;
  width: 10.2rem;
  height: 1.76rem;
  display: flex;
  margin: 0 auto;
	background-image: linear-gradient(90deg, 
		#415daa 0%, 
		#9a6866 0%, 
		#f37321 0%, 
		#884a24 0%, 
		#1c2026 0%, 
		#677077 100%), 
	linear-gradient(
		#333333, 
		#333333);
  border-radius: 0.08rem;
  box-shadow: 0px 0px 0.56rem 0px 
  rgba(30, 45, 58, 0.4);
}
.left_word{
  width: 6.6rem;
  padding-left: 0.4rem;
  color: #ffffff;
  box-sizing: border-box;
  height: 1.76rem;
}
.music_name{
  font-size: 0.48rem;
  padding-top: 0.38rem;
  padding-bottom: 0.18rem;
  box-sizing: border-box;
}
.music_time{

}
.music_stat_time,.musci_end_time{
  font-size: 0.36rem;
}

.music_player{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
}
.music_close{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
}
.icon_white{
  color: #ffffff;
}
.icon_gray{
  color: #90979d;
}
.icon_player{
  font-size: 0.56rem;
}
.icon_close{
  font-size: 0.4rem;
}